<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
    <meta name="format-detection" content="telephone=no, email=no" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/fangmama.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <script src="js/jquery-1.9.1.js"></script>
    <script src="js/swiper3.0.8.min.js"></script>
    <title>2.8</title>
</head>
<body ontouchstart="" class="height-full">
    <div class="head-tit head-color1">个人中心</div>

    <div class="user-center-layout">
        <div class="uc-layout">
            <div class="user-center">
                <div class="uc-face">
                    <img src="images/temp.jpg">
                    <p>Andy</p>
                    <p><em>15220502325</em></p>
                </div>
                <div class="uc-tag">
                    <p>
                        <em>极品吃货</em>
                        <em>选择恐惧症</em>
                        <em>健谈</em>
                    </p>
                    <p>
                        <em class="tag-color1">健身房</em>
                        <em class="tag-color2">单车</em>
                        <em class="tag-color3">水瓶座</em>
                    </p>
                    <p>
                        <em class="tag-color4">水瓶座</em>
                        <em class="tag-color1">设计师</em>
                    </p>
                </div>
            </div>
            <div class="uc-act">
                <a href="javascript:;" class="on">编辑资料</a>
                <a href="javascript:;">匹配策略</a>
            </div>
        </div>
        <!--菜单-->
        <div class="uc-nav-model">
            <a href="javascript:;">
                <i class="iconfont uc-nav-icon">&#xe614;</i>
                <span>我的需求</span>
                <i class="iconfont uc-g-icon">&#xe615;</i>
            </a>
            <a href="javascript:;">
                <i class="iconfont uc-nav-icon">&#xe611;</i>
                <span>消息通知</span>
                <i class="iconfont uc-g-icon">&#xe615;</i>
            </a>
            <a href="javascript:;">
                <i class="iconfont uc-nav-icon">&#xe612;</i>
                <span>约看清单</span>
                <i class="iconfont uc-g-icon">&#xe615;</i>
            </a>
        </div>
        <div class="uc-nav-model">
            <a href="javascript:;">
                <i class="iconfont uc-nav-icon">&#xe602;</i>
                <span>我租的房子</span>
                <i class="iconfont uc-g-icon">&#xe615;</i>
            </a>
            <a href="javascript:;">
                <i class="iconfont uc-nav-icon">&#xe613;</i>
                <span>设置</span>
                <i class="iconfont uc-g-icon">&#xe615;</i>
            </a>
        </div>
    </div>
</body>
</html>
<script>
    var mySwiper = new Swiper('.house-swiper',{
        speed:500,
        onSlideChangeStart: function(){
            $(".trip-layout a").removeClass('on')
            $(".trip-layout a").eq(mySwiper.activeIndex).addClass('on')
        }
    })
    $(".trip-layout a").on('touchstart mousedown',function(e){
        e.preventDefault()
        $(".trip-layout .on").removeClass('on')
        $(this).addClass('on')
        mySwiper.slideTo( $(this).index() )
    })
    $(".trip-layout a").click(function(e){
        e.preventDefault()
    })
</script>

